<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en">
<![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en">
<![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
    <title>憩石</title>
    <meta name="description" content="稍憩他石">
    <meta name="author" content="火狐书石">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="js/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script src="js/jquery/jquery-3.3.1.min.js"></script>
</head>
<body>
    <header class="site-header" id="top">
        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <div class="row">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed"
                                data-toggle="collapse" data-target=".navbar-collapse">
                            <i class="fa fa-bars"></i>
                        </button>
                        <div class="logo-wrapper">
                            <a class="navbar-brand" href="#templatemo">
                                <p>
                                    <em>憩石</em>
                                </p>
                            </a>
                        </div>
                    </div>
                    <div class="collapse navbar-collapse" id="main-menu">
                        <ul class="nav navbar-nav navbar-right">
                            <li><span></span><a href="#top" class="home">Home</a></li>
                            <li><span></span><a href="#first-section" class="about">Services</a></li>
                            <li><span></span><a href="#second-section" class="portfolio">Projects</a></li>
                            <li><span></span><a href="#map" class="map">Location</a></li>
                            <li><span></span><a href="#third-section" class="contact">Contact</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
    </header>
    <div id="big-banner">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-xs-12">
                    <ul class="main-icons">
                        <li><a href="#"><i class="fa fa-gamepad"></i>游戏</a></li>
                        <li><a href="#"><i class="fa fa-video-camera"></i>动漫</a></li>
                        <li><a href="#"><i class="fa fa-music"></i>编程</a></li>
                        <li><a href="#"><i class="fa fa-bolt"></i>国风</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="first-section">
        <div class="heading">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h2 class="header-section-title">What We Can Do</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="second-section">
        <div class="heading">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h2 class="header-section-title">What We Can Do</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="map">
        <div class="heading">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h2 class="header-section-title">What We Can Do</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="third-section">
        <div class="heading">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h2 class="header-section-title">What We Can Do</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <ul id="scroll">
        <li class="log log-no"><a class="log-button" title="文章目录"><i class="fa fa-bars"></i></a>
            <div class="log-prompt" style="display: none;">
                <div class="log-arrow">文章目录</div>
            </div>
        </li>
        <li><a class="scroll-top" title="返回顶部"><i class="fa fa-angle-up"></i></a></li>
        <li><a class="scroll-b" title="转到底部"><i class="fa fa-angle-down"></i></a></li>
        <li class="gb2-site"><a id="gb2big5" href="javascript:StranBody()" title="繁體"><span>繁</span></a></li>
        <li class="qqonline">
            <div class="online"><a href="javascript:void(0)"><i class="fa fa-qq"></i></a></div>
            <div class="qqonline-box" style="display: none;">
                <div class="qqonline-main">
                    <div class="nline-wiexin">
                        <h4>微信</h4>
                        <img title="微信" alt="微信"
                             src="">
                    </div>
                    <div class="nline-qq"><a target="_blank" rel="external nofollow"
                                             href="http://wpa.qq.com/msgrd?v=3&amp;uin=847064370&amp;site=qq&amp;menu=yes"><i
                            class="fa fa-qq"></i>在线咨询</a></div>
                </div>
                <span class="qq-arrow"></span>
            </div>
        </li>
        <li class="qr-site">
            <a href="javascript:void(0)" class="qr" title="本页二维码">
                <i class="fa fa-qrcode"></i>
                <span class="qr-img">
                    <span id="output">
                    <img class="alignnone" src=""
                            alt="icon"><canvas width="150" height="150"></canvas>
                    </span>
                    <span class="arrow arrow-z"><i class="fa fa-caret-right"></i></span><span class="arrow arrow-y">
                    <i class="fa fa-caret-right"></i>
                    </span>
                </span>
            </a>
        </li>
        <script type="text/javascript">
            $(document).ready(function () {
                if (!+[1,]) {
                    present = "table";
                } else {
                    present = "canvas";
                }
                /*$('#output').qrcode({render: present, text: window.location.href, width: "150", height: "150"});*/
            });
        </script>
    </ul>
    <script type="text/javascript" src="js/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</body>
</html>